<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title>我的订单-个人中心</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/cart.css">
<script type="text/javascript" src="js/jquery1.7.2.js"></script>
<script type="text/javascript" src="js/superslide.js"></script><!-TAB->
<script type="text/javascript" src="js/navmenu.js"></script><!-导航菜单->
<script type="text/javascript" src="js/main.js"></script>

</head>
<body>
<!--顶部登录/注册 start-->
<nav class="topnav">
    <div class="row-w clearfix">
        <div class="topnav-l">
            <div class="topnav-tex fl">好的生活，没那么贵！</div>
            <div class="fl">
                <a class="c1" href="register.html">免费注册</a>
                <a class="c2" href="login.html">登录</a>
            </div>
        </div>
        <div class="topnav-r">
            <a href="my-center.html"><i class="icon-geren"></i>个人中心</a>|
            <a href="#"><i class="icon-kefu"></i>客服中心</a>|
            <a href="my-order.html">我的订单</a>|
            <a href="#">手机购物</a>
        </div>
    </div>
</nav>
<!--顶部登录/注册 end-->
<!--用户导航 start-->
<header class="my-header">
    <div class="row-w">
        <div class="my-logo"><a href="../index.html"><img src="images/logo-user.png"></a></div>
        <div class="my-nav">
            <ul class="my-mainNav clearfix">
                <li><a href="../index.html">首页</a></li>
                <li>
                    <div class="m-dl">
                        <div class="m-dt">账户设置<i>∨</i></div>
                        <div class="m-dd">
                            <a href="#">个人信息</a>
                            <a href="#">收货地址</a>
                        </div>
                    </div>
                </li>
                <li class="news"><a href="#">消息<em class="num">10</em> </a></li>
            </ul>
            <div class="search-panel">
                <div class="search">
                    <form>
                        <div class="topsearch clearfix">
                            <input class="textsearch" type="text" placeholder="">
                            <button class="btnsearch">搜索</button>
                        </div>
                    </form>
                </div>
                <div class="cart">
                    <a class="shopcart" href="../cart.html">
                        <i class="icon-cart"></i>
                        购物车
                        <span class="count">10</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function(){
            $(".my-mainNav .m-dl").hover(function(){
                if($(this).find(".m-dt").hasClass("hover")){
                    $(this).find(".m-dt").removeClass("hover");
                    $(this).find(".m-dd").hide();
                }else {
                    $(this).find(".m-dt").addClass("hover");
                    $(this).find(".m-dd").show();
                }
            });
        });
    </script>
</header>
<!--用户导航 end-->
<!--conter start-->
<div class="row-w">
    <div class="my-personal clearfix">
        <!--左侧菜单-->
        <div class="my-menu-con">
            <div class="my-menu-tree">
                <dl class="my-menu-item">
                    <dt class="active">
                        <a href="#">全部订单</a>
                    </dt>
                    <dd class=""><a href="#">待付款</a></dd>
                    <dd class=""><a href="#">待收货</a></dd>
                    <dd class=""><a href="#">待评价</a></dd>
                    <dd class=""><a href="#">退货退款</a></dd>
                </dl>
                <dl class="my-menu-item">
                    <dt class="">
                        <a href="#">我的购物车</a>
                    </dt>
                </dl>
                <dl class="my-menu-item">
                    <dt class="">
                        <a href="#">地址管理</a>
                    </dt>
                </dl>
                <dl class="my-menu-item">
                    <dt class="">
                        <a href="#">我的足迹</a>
                    </dt>
                </dl>
                <dl class="my-menu-item">
                    <dt class="">
                        <a href="#">我的收藏</a>
                    </dt>
                </dl>
                <dl class="my-menu-item">
                    <dt class="">
                        <a href="#">帮助与反馈</a>
                    </dt>
                </dl>
            </div>
        </div>
        <!--右侧内容-->
        <div class="my-main-con">
            <div class="myorder-wrap">
                <div class="slideTab-mod-main">
                    <ul class="clearfix">
                        <li class="curr"><a href="#">全部订单</a></li>
                        <li><a href="#">待付款</a></li>
                        <li><a href="#">待发货</a></li>
                        <li><a href="#">待收货</a></li>
                        <li><a href="#">待评价</a></li>
                        <li><a href="#">退货</a></li>
                    </ul>
                </div>
                <div class="search-modBox">
                    <div class="">
                        <input class="textsearch" type="text" placeholder="输入商品标题或订单号进行搜索">
                        <button class="btnsearch">订单搜索</button>
                    </div>
                    <div class="">
                        <div class="">
                            <div class="provin_select arrow">
                                <div class="result">近三个月</div>
                                <i class="arrow-down"></i>
                            </div>
                            <ul class="provin_con">
                               <li>近三个月</li>
                               <li>近六个月</li>
                               <li>2017年</li>
                               <li>2016年</li>
                               <li>2015年</li>
                            </ul>
                        </div>
                        <script>
                            $(function(){
                                function select_simulated(select_style,bomb_con_style){
                                    $(document).click(function(){
                                        $(bomb_con_style).hide();
                                        $(this).find(select_style).removeClass("arrow");
                                    })
                                    $(select_style).live('click',function(e){
                                        var thisinput=$(this);
                                        var local=$(this).position();
                                        var bomb_con=$(bomb_con_style);
                                        $(this).addClass("arrow");
                                        $(this).parents("li").siblings().find(bomb_con_style).hide();
                                        $(this).parent().find(bomb_con_style).width($(this).width());//下拉框的宽度
                                        $(this).parent().find(bomb_con_style).show();
                                        e?e.stopPropagation():event.cancelBubble = true;
                                        bomb_con.find("li").click(function(e){
                                            var bomb_text=$(this).text();
                                            $(this).addClass("selected").siblings().removeClass("selected");
                                            $(this).parents(bomb_con_style).hide();
                                            $(this).parent().parent().find(select_style).removeClass("arrow");
                                            $(this).parent().parent().find(select_style).find(".result").html(bomb_text);
                                            e?e.stopPropagation():event.cancelBubble = true;

                                        });
                                    });
                                    return false;
                                }
                                select_simulated(".provin_select",".provin_con");
                            })
                        </script>
                    </div>
                </div>
                <div class="cart-filter-con">
                    <div class="item-s">
                        <div class="cartMain">
                            <!--商品标题-->
                            <div class="myorder-main">
                                <table class="myorder-table">
                                    <colgroup>
                                        <col class="col-con">
                                        <col class="col-price">
                                        <col class="col-amount">
                                        <col class="col-price">
                                        <col class="col-sum">
                                        <col class="col-status">
                                        <col class="col-op">
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th class="col list-con">商品信息</th>
                                            <th class="col list-info">商品参数</th>
                                            <th class="col list-price">单价</th>
                                            <th class="col list-amount">数量</th>
                                            <th class="col list-sum">金额</th>
                                            <th class="col list-op">操作</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <!--单品-->
                            <div class="cartBox">
                                <div class="shop-info">
                                    <div class="shop-name">
                                        <a href="javascript:;">华联购</a>
                                    </div>
                                </div>
                                <div class="order-content">
                                    <div class="order-lists">
                                        <div class="col list-con">
                                            <div class="list-img">
                                                <a href="javascript:;">
                                                    <img src="images/goods-f-1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="list-text">
                                                <a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a>
                                            </div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum" minnum="1">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                    <div class="order-lists">
                                        <div class="col list-chk">
                                            <input type="checkbox" id="checkbox_2" class="son-check">
                                            <label class="checlab" for="checkbox_2"></label>
                                        </div>
                                        <div class="col list-con">
                                            <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                            <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                    <div class="order-lists">
                                        <div class="col list-chk">
                                            <input type="checkbox" id="checkbox_3" class="son-check">
                                            <label class="checlab" for="checkbox_3"></label>
                                        </div>
                                        <div class="col list-con">
                                            <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                            <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--单品-->
                            <div class="cartBox">
                                <div class="shop-info">
                                    <div class="all-check">
                                        <!--店铺全选-->
                                        <input type="checkbox" id="shop_b" class="shopChoice">
                                        <label class="checlab" for="shop_b" class="shop"></label>
                                    </div>
                                    <div class="shop-name">
                                        <a href="javascript:;">华联购</a>
                                    </div>
                                    <div class="shop-freight">免运费</div>
                                </div>
                                <div class="order-content">
                                    <div class="order-lists">
                                        <div class="col list-chk">
                                            <input type="checkbox" id="checkbox_b1" class="son-check">
                                            <label class="checlab" for="checkbox_b1"></label>
                                        </div>
                                        <div class="col list-con">
                                            <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                            <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                    <div class="order-lists">
                                        <div class="col list-chk">
                                            <input type="checkbox" id="checkbox_b2" class="son-check">
                                            <label class="checlab" for="checkbox_b2"></label>
                                        </div>
                                        <div class="col list-con">
                                            <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                            <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                    <div class="order-lists">
                                        <div class="col list-chk">
                                            <input type="checkbox" id="checkbox_b3" class="son-check">
                                            <label class="checlab" for="checkbox_b3"></label>
                                        </div>
                                        <div class="col list-con">
                                            <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                            <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                        </div>
                                        <div class="col list-info">
                                            <p>被罩200*230cm</p>
                                            <p>床单245*250cm</p>
                                        </div>
                                        <div class="col list-price">
                                            <p class="price">￥369.10</p>
                                        </div>
                                        <div class="col list-amount">
                                            <div class="amount-box">
                                                <a href="javascript:;" class="reduce reSty">-</a>
                                                <input type="text" value="1" class="sum">
                                                <a href="javascript:;" class="plus">+</a>
                                            </div>
                                        </div>
                                        <div class="col list-sum">
                                            <p class="sum-price">￥369.10</p>
                                            <p>（免运费）</p>
                                        </div>
                                        <div class="col list-op">
                                            <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                            <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--conter end-->
</body>
</html>